﻿.nhapnhay { -moz-animation: fading 1s infinite; -webkit-animation:fading 1s infinite; animation:fading 1s infinite}
.checkinout-date {border:none;padding:1px 3px 2px 3px;background:#eaeaea;cursor:pointer;outline-color:#009688}
@media(max-width:600px){.checkinout-date{font-size:13px}}
.checkinout-date-btn {padding: 2.5px 10px;margin-bottom:4px}
@media(max-width:600px){.checkinout-date-btn{padding: 1px 9px;margin-bottom:0px}}
@media (max-width:600px) {.checkinout-text {font-size: 11px}}
.checkinout-options {padding-bottom:4px}
@media (max-width:600px) {.checkinout-options-btn {padding:3px 8px}}
.checkinout-select {width:65%;background:#eaeaea;border:none;outline:none;padding:7px 4px;cursor:pointer}
@media (max-width:600px) {.checkinout-select {padding:5px 3px;font-size:13px}}
.checkinout-table {height: 400px; overflow: auto}
@media (max-width:600px) {
    .checkinout-table {height: 250px}
    .checkinout-table table tr th,.checkinout-table table tr td {font-size:13px}
}
.checkinout-img {width: 60px}
.checkinout-img img {width:40px;height:40px;margin:0}
.checkinout-option-btn {cursor: pointer;width: 20px;text-align:center}
@media (max-width:600px) {.checkinout-option-btn {width: 16px}}
.time-ship .popover {width: 170px;background:white}
.time-ship .popover-title {font-size: 16px;font-weight:bold;text-align:center;}
.time-ship .popover-content {padding: 7px;font-size: 16px}
.today-study-header-text{font-size:15px}
@media (max-width:600px) {.today-study-header-text {font-size:14px}}
.today-study-table {max-height: 300px;overflow:auto}
@media (max-width:600px) {
    .today-study-table table th:first-child,.today-study-table table td:first-child {padding-left:4px}
    .today-study-table table th,.today-study-table table td {padding:4px 2.5px;font-size:12px;text-align:center}
}
.weekly-work-slide-btn {padding: 10px;font-size:25px;display:inline-block}
@media (max-width:600px) {.weekly-work-slide-btn {padding: 4px;font-size:19px}}
.weekly-work-header-text {font-size:15px}
@media (max-width:600px) {.weekly-work-header-text {font-size:14px}}
@media (max-width:600px) {.weekly-work-update-text {font-size:13px}}
@media (max-width:600px) {
    .weekly-work-table table th:first-child,.weekly-work-table table td:first-child {padding-left:4px}
    .weekly-work-table table th,.weekly-work-table table td {padding:4px 2px;font-size:12px}
}
.weekly-work-img {width: 130px;height:130px;margin-bottom:0}
@media (max-width:600px) {.weekly-work-img {width: 60px;height:60px}}
.checkinout-edit-modal {width:60%}
.checkinout-edit-modal table tr td {padding: 4px}
.checkinout-edit-modal table tr td:first-child {padding-left:10px;padding-top: 5px}
.checkinout-delete-modal  {width:40%}